/*home--首页*/
.index:before{height:0; }
.index:after{height:50px;}

.index h2{font-size: 18px;line-height: 30px; color:#825dc7;text-align: center;margin: 15px auto 7px auto; background: url("../images/index-title.png") no-repeat center;background-size: 115px auto;}
.index li a{display: block; overflow: hidden; color:#fff;}
.index li .title{font-size: 12px; line-height:26px;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.index li .price{height:36px;}
.index li img{width: 100%;}
.index li p{font-size: 12px; line-height: 18px;}
.index li p i{display: inline-block; width:12px; height: 20px;  vertical-align: middle; margin-right: 4px;}
.index li .p-sell i{background: url("../images/sell.png") no-repeat center; background-size: 12px auto;}
.index li .p-try i{background: url("../images/trybean.png") no-repeat center; background-size: 12px auto;}
.index-day a{position: relative; display: block; padding-top: 30%;}
.index-day a img{position: absolute; top:0; left: 0; height: 100%; width: 100%;}
.index-chao ul{width:100%; height: 100%;}
.index-chao ul:after{content: "";display: block;width: 0; height: 0; clear: both;}
.index-chao li{ background: #ac8ec0; float: left;  color:#fff; position: relative; padding-bottom: 5px; width: 33%;}
.index-chao li:nth-child(2){margin: 0 0.5%;}
.index-chao li .top{position: relative; display: block; padding-top: 106%; }
.index-chao li .top img,.index-chao li .try-bg{position: absolute; top:0; left: 0; height: 100%; width: 100%;}
.index-chao li img{border-radius: 5px;}
.index-chao li .try-bg{background: url("../images/index-trybg.png") no-repeat; background-size: 100% 100%; padding-bottom: 2px;}
.index-chao li .title,.index-chao li .price{padding: 0 5px;}
.index-little li{padding: 6px 4px; width: 50%; float: left; }
.index-little li a{background: #ac8ec0; padding: 5px 5px 10px 5px;}
.index-little li .top{position: relative; padding-top: 100%;}
.index-little li .top img{position: absolute; top:0; left: 0; height: 100%;}

/*顶部幻灯片*/
.swiper-container{width:100%;padding-top:39%;position:relative;overflow:hidden}
.swiper-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide,.swiper-slide img{width:100%;height:100%;position:relative}
.swiper-pagination{position: absolute; z-index:90; bottom: 5px;left: 50%;transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.swiper-pagination span{width: 8px; height: 8px; display:block; float:left;margin:0 2px;border-radius: 100%; background:url("../images/dot.png") no-repeat left center; background-size: auto 8px;}
.swiper-pagination span.swiper-pagination-bullet-active{background-position: right center;}
